.nav {
    background-color: #fff;
    height: .83rem;
    width: 100%;
    position: fixed;
    bottom: 0;
    display: flex;
    font-size: 16px;
    z-index: 999;
}
.nav a {
    display: inline-block;
    flex: 1;
    height: 100%;
    line-height: 1.2rem;
    text-align: center;
}
.nav a:nth-of-type(1) {
    background: url('../img/iconnavhomeunselected.png') no-repeat  center 0.05rem;
}
.nav a:nth-of-type(2) {
    background: url('../img/iconnavclassifyunselected.png') no-repeat center 0.05rem;
}
.nav a:nth-of-type(3) {
    background: url('../img/iconnavshoppingcartunselected.png') no-repeat center 0.05rem;
}
.nav a:nth-of-type(4) {
    background: url('../img/iconnavuserunselected.png') no-repeat center 0.05rem;
}
.color {
    color: #FF6040;
}
.nav .bg1 {
    background: url('../img/iconnavhomeselected.png') no-repeat center 0.05rem !important;
}
.nav .bg2 {
    background: url('../img/iconnavclassifyselected.png') no-repeat center 0.05rem !important;
}
.nav .bg3 {
    background: url('../img/iconnavshoppingcartselected.png') no-repeat center 0.05rem !important;
}
.nav .bg4 {
    background: url('../img/iconnavuserselected.png') no-repeat center 0.05rem !important;
}
